<%-- 
    Document   : support
    Created on : Jan 21, 2014, 3:27:09 AM
    Author     : Evgeniy Grigorevskiy
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">
    <head>
        <link type="text/css" rel="stylesheet" href="css/main.css" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="icon" href="img/logotypeForTitle.png" type="image/x-icon" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="js/admin.js"></script>
        <title> | Social Library</title>
    </head>
    <body onkeyup="hotkeys(event)">

        <div class="banUserBlock"> 
            <div class="banUserForm">
                <div class="allFields">
                    <div> Ban user </div>
                    <div class="field">
                        <label for="userLoginForBan">User login</label>
                        <input type="text" id="userLoginForBan" name="userLoginForBan" value="" />
                    </div>
                    <div class="field">
                        <label for="userEmailForBan">User email</label>
                        <input type="text" id="userEmailForBan" name="userEmailForBan" value="" />
                    </div>
                </div>
                <div class="banUserCompleteButton">
                    <a href="#"><img id="toCompleteBanUserButton"src="img/banButton.png"/></a> 
                    <a href="#"><img id="CancelBanUserBook"src="img/Cancel.png"/></a>
                </div>
            </div>
        </div>

        <div class="errorListBlock"> 
            <div class="errorListForm">

                <div class="notificationHeader"> 
                    <div> 
                        <div><img src="img/errorImage.png"/></div> 
                        <div>Notification!</div> 
                    </div> 
                </div>
                <div class="errorMsg"></div>

                <div class="closeErrorListButton">
                    <a href="#"><img id="closeErrorListButton"src="img/OkButton.png"/></a>
                </div>
                <div class="clear"></div> 
            </div>
            <input id="forFocusing"/>
        </div>


        <div class="main">
            <!-- header-->
            <div class="header">

                <div class="logotype">
                    <img src="img/logo.png"/>
                </div>
                <div class="clear"></div>
                <div class="greenLeaf">
                    <img class="leaf" src="img/leaf.png"/>
                </div>

            </div>

            <!-- Top Banner-->
            <div class="moderator" id="topMenu" >
                <ul>
                    <li class=" navigation"><a href="#">BOOKS ACTIONS</a>
                        <ul class="paddingList">
                            <li><a href="#" id="addBookButtonMain">ADD BOOK</a></li>
                            <li><a href="#" id="publishBookButton">PUBLISH BOOK</a></li>
                            <li><a href="#" id="deleteBookButton">DELETE BOOK</a></li>
                            <li><a href="#" id="forPublicationBooksButton">BOOKS FOR PUBLICATION</a> </li>
                            <li><a href="#" id="forPublicationBooksGuestButton">BOOKS FOR APPROVING</a> </li>
                        </ul> 
                    </li>
                    <li class="navigation"><a href="#">REPORTS</a> 
                        <ul class="paddingList">
                            <li><a href="#" id="reportOneButton">REPORT #1</a></li>
                            <li><a href="#" id="reportTwoButton">REPORT #2</a></li>
                            <li><a href="#" id="reportThreeButton">REPORT #3</a></li>
                            <li><a href="#" id="reportFourButton">REPORT #4</a> </li>
                        </ul> 
                    </li>
                    <li class="navigation"><a href="#" id="userBanButton">BAN USER</a> </li>
                    <li class="navigation"><a href="#">PROFILE</a> 
                        <ul class="paddingList">
                            <li><a href="#" id="profileViewButton">VIEW</a></li>
                            <li><a href="#" id="profileEditButton">EDIT</a></li>
                        </ul>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>

            <!--main part-->
            <div class="mainPart"> 
                
                <div class="tableShow" id="content">
                    <div id="contentWrapper">
                        <img src ="img/preloader.GIF"/>

                        <div class="clear"></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>

            <div class="pagination">
                <div class="forArrowPagination"></div>
                <span id="left">
                    <a href="#"><img src="img/left.png"></a>
                </span>
                <span id="currentPage">1</span>
                <span id="right">
                    <a href="#"><img src="img/right.png"></a>
                </span>
                <div class="clear"></div>
            </div>
            <div class="footer"> 
                <div class="footerMenu">
                    <ul>
                        <li><a href="#" id="footerAbout">ABOUT</a></li>
                        <li><a href="#" id="footerSupport">SUPPORT</a></li>
                        <li><a href="#" id="footerContacts">CONTACT US</a></li>
                    </ul>
                    <div class="clear"></div>
                </div>
                <label> &#169 2013-2014 Social Library Media. All rights reserved. </label>
                <div class="clear"></div>
            </div>
        </div>  
    </body>
</html>

